<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    子窗口
    <ul id="u1">
        
    </ul>
    <button onclick="sendajax()">发送</button>
    <script>
        function sendajax() {
            // 创建 xmlhttprequest
            var xhr = new XMLHttpRequest();
            // get、post   打开一个链接
            xhr.open( "Get","http://9uv9ub.natappfree.cc/hello.do?uname=tom&psd=123456");
            // 发送 数据
            xhr.send(); // post send（才有数据）
            // 状态只有改变就发生回调
            xhr.onreadystatechange = function() {
                // 当状态发送改变的时候触发
                // 1. 对象状态  1-4
                // 2. http状态  200， 404， 500， 505
                if (xhr.readyState == 4) {
                    if (xhr.status == 200) {
                        console.info(xhr.responseText)
                        let data = JSON.parse(xhr.responseText);// json字符串 变 json对象
                        data.forEach(n => {
                            let e = document.createElement("li")
                            e.innerHTML = n;
                            document.getElementById("u1").append(e);
                        })
                    }
                }
            }
        }
    </script>
</body>
</html>